<?php

$message = "zqsqsdsqdqsdd";

if (isset($_FILES) && !empty($_FILES)) {
    $message = "zqsd";

    // repertoire où vont être placé les fichiers
    //$content_dir = getcwd()."/upload_dir/";
        $content_dir ="upload_dir/";
    $message = "zqsd";

    // ajouter ici les autres extensions autorisé
    $extensions_OK = array('jpg', 'jpeg', 'gif', 'png');

    // Le nom du fichier ne peux pas être vide
    if (empty($_FILES['userPhoto']['name'])) {
        $message = "Aucun fichier sélectionné.";
        exit("Aucun fichier sélectionné.");
    }

    // on test si le fichier est uploadé
    if (!is_uploaded_file($_FILES['userPhoto']['tmp_name'])) {
        $message = "Le fichier n'a pas pu être uploadé.";
        exit("Le fichier n'a pas pu être uploadé.");
    }

    // récupération de l'extension du fichier
    $ext = strtolower(pathinfo($_FILES['userPhoto']['name'], PATHINFO_EXTENSION));

    // est ce que l'extension est valide ?
    if (!in_array($ext, $extensions_OK)) {
        $message = "Le format de votre fichier n'est pas autorisé.";
        exit("Le format de votre fichier n'est pas autorisé.");
    }
    $tmp_file = $_FILES['userPhoto']['tmp_name'];

    if (!move_uploaded_file($tmp_file, $content_dir . $_FILES['userPhoto']['name'])) {
        $message = "Impossible de copier le fichier !";
        exit("Impossible de copier le fichier !");
    } else {
        $message = "Le fichier a bien été uploadé";
        echo "Le fichier a bien été uploadé";
    }
}
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link href="styles/photoswipe.css" rel="stylesheet" />
        <link href="Content/jquery.mobile.theme-1.2.0.min.css" rel="stylesheet" />
        <link href="Content/jquery.mobile-1.2.0.min.css" rel="stylesheet" />
        <link href="styles/jquery-mobile.css" rel="stylesheet" />

        <script src="scripts/jquery-1.8.3.min.js"></script>
        <script src="scripts/jquery.form.js"></script>

        <title></title>
    </head>
    <body>
        <div data-role="page" data-add-back-btn="true" id="upload">

            <div data-role="header">
                <h1>photolab</h1>
            </div>


            <div data-role="content">
<?php
if (!empty($message)) {
    echo "<h5>" . $message . "</h5><br/>";
}
?>
                <form id="formulairefichier" data-ajax="false" enctype="multipart/form-data" action="uploadFichier.php" method="post">
                    <div data-role="fieldcontain">
                        <label for="userPhoto">Telecharger un fichier:</label>
                        <input type="file" name="userPhoto" id="userPhoto" value="" />
                    </div>
                    <div class="ui-body ui-body-c">
                        <fieldset class="ui-grid-a">
                            <div class="ui-block-a">
                                <button data-theme="a" type="button" onclick='document.location.href = "index.html";'>Retour</button>
                            </div>
                            <div class="ui-block-b">
                                <button data-theme="a" type="submit">Submit</button>
                            </div>
                        </fieldset>
                    </div>
                </form>
            </div>

            <div data-role="footer" data-position="fixed">
                <h4>&copy; projet IHM</h4>
            </div>

        </div>
        <script src="scripts/jquery.mobile-1.2.0.js"></script>


    </body>
</html>
